    .intercomBoxContainer {
        width: 100%;
        height: 590px;
        position: absolute;
        /*position: relative;*/
        top: 2%;
        /*margin-top: 2%;*/
    }

    .intercomBoxiconImg {
        width: 75px;
        height: 75px;
        z-index: 999;
        cursor: pointer;
    }

    .intercomBoxiconredCallImg {
        width: 29px;
        height: 29px;
        z-index: 999;
        cursor: pointer;
    }

    .intercomBoxPages {
        display: flex;
        width: 264px;
        height: 105px;
        background-color: #DADADA;
        margin: 5px;
        border-radius: 10px;
        z-index: 999;
        position: absolute;
        top: 550px;
        right: 2%;
        z-index: 999;
    }

    .intercomBoxEntrance {
        position: absolute;
        top: 2%;
        right: 5px;
        z-index: 2000;
    }

    .intercomBox-img {
        height: 30px;
        width: 30px;
    }

    .intercomBoxEntranceAdd {
        height: 65px;
        height: 65px;
        cursor: pointer;
    }

    .intercomBox {
        /*height: 180px;*/
        /*width: 300px;*/
        float: left;
        width: 290px!important;
        height: 260px !important;
        background-color: #fff;
        margin: 9px!important;
        border-radius: 10px;
        /*display: inline-block;*/
        /* 使用定位，脱离文档流 */
        /*position: relative;*/
        /*top: 10px;*/
        /*left: 50px;*/
        position: relative !important;
        z-index: 999;

    }
    .intercomBox-controller-page {
        display: flex;
        width: 264px;
        height: 105px;
        background-color: #DADADA;
        position: absolute;
        top:800px;
        right: 0.5%;
        margin: 5px;
        border-radius: 10px;
        z-index: 999;
    }

    .intercomBox-up-leftImg {
        width: 40px;
        height: 30px;
    }

    .intercomBox-up-rightImg {
        width: 40px;
        height: 30px;
    }

    .intercomBoxBGC {
        background-color: #e2d8d8;
    }

    .intercomBox-up {
        height: 20%;
        /*background-color: #ead0d0;*/
        /*display: flex;*/
        cursor: move;
    }

    .intercomBox-up-controller {
        display: flex;
        justify-content: space-between;
    }

    .intercomBox-up-left {
        margin-left: 10px;
        margin-top: 12px;
        cursor: pointer;
    }

    .intercomBox-up-right {
        margin-right: 12px;
        margin-top: 12px;
        cursor: pointer;
    }

    .intercomBox-center {
        /* height: 40%;
         width: 200px;
         !*background-color: #84a558;*!
         position: relative;*/
    }

    .intercomBox-center-controller {

        /*    position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);*/
    }

    .intercomBox-center-box {

    }

    .intercomBox-center-one {
        /*width:72px ;*/
        /*height: 72px;*/
        width: 54px;
        height: 54px;
        border-radius: 10px;
        background-color: #658ad8;
        cursor: pointer;
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .intercomBox-center-iconCtl {
        /*width:72px ;*/
        /*height: 72px;*/
        width: 54px;
        height: 54px;
        position: relative;
    }

    .intercomBox-center-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .intercomBox-center-two {
        width: 300px;
        color: #5A5A87;
        /*font-size: 20px;*/
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .intercomBox-center-twoText {
        /*width: 300px;*/
        white-space: nowrap;
        font-family: SourceHanSansCN;
        color: #666666;
        text-overflow: ellipsis;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        font-size: 26px;
        /*font-weight: 400;*/
        font-weight: bold;
        color: #50507B;
    }

    .weightColor {
        color: #edfff3 !important;
        font-size: 25px;
    }

    .blickColor {
        color: #000000 !important;
        font-size: 25px;
    }

    .dynamicStyle {
        height: 16px;
        width: 80px;
    }

    .itemTalkerStyle {
        /*height: 16px;*/
        /*width: 30px;*/
        line-height: 22px;
        word-break: normal;
        text-align: center;
        align-items: center;
    }

    .itemListenStyle {
        /*height: 16px;*/
        /*width: 80px;*/
        line-height: 20px;
        word-break: normal;
        text-align: center;
        align-items: center;
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
    }

    .itemTalker {
    }

    .intercomBox-center-three {
        font-family: SourceHanSansCN;
        font-size: 24px;
        font-stretch: normal;
        font-weight: 400;
        color: #999999;
        letter-spacing: 0px;
        position: absolute;
        top: 110px;
        left: 50%;
        transform: translateX(-50%);

    }

    .intercomBox-downOUTctl {
        position: absolute;
        top: 71%;
        left: 50%;
        transform: translateX(-50%);
    }

    .intercomBox-down {
        /*background-color: #6f6e6e;*/
        position: relative;
    }

    .intercomBox-down-controller {
        width: 200px;
        height: 50px;
        position: absolute;
        left: 50%;
        top: 80%;
        transform: translateX(-50%);
    }

    .intercomBox-down-box {
        width: 100%;
        display: flex;
        justify-content: space-around;

    }

    .intercomBox-down-redio {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: #3a64bc;
        position: relative;
        cursor: pointer;
    }

    .pocgreengcStatus {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: #07c79e;
        position: relative;
        cursor: pointer;
    }

    .intercomBox-down-icon-left {
        position: absolute;
        top: 55%;
        left: 25%;
        transform: translate(-50%, -50%);
        z-index: 999;
    }

    .intercomBox-down-icon-right {
        position: absolute;
        top: 55%;
        left: 75%;
        transform: translate(-50%, -50%);
        z-index: 999;
    }

    .intercomBox-down-icon-center {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
